<!DOCTYPE html>
<html class="no-js" lang="">

<head>
    #include( "/public-head.html")

    <script src="/vendor/jquery/dist/jquery.js"></script>
    <script src="/scripts/jquery.date.js"></script>
</head>

<body style="overflow-y: hidden;">

<!-- quick launch panel -->
<div class="quick-launch-panel">
    <div class="container">
        <div class="quick-launcher-inner">
            <a href="javascript:;" class="close" data-toggle="quick-launch-panel">×</a>
            <div class="css-table-xs">
                <div class="col">
                    <a href="app-calendar.html">
                        <i class="icon-marquee"></i>
                        <span>Calendar</span>
                    </a>
                </div>
                <div class="col">
                    <a href="app-gallery.html">
                        <i class="icon-drop"></i>
                        <span>Gallery</span>
                    </a>
                </div>
                <div class="col">
                    <a href="app-messages.html">
                        <i class="icon-mail"></i>
                        <span>Messages</span>
                    </a>
                </div>
                <div class="col">
                    <a href="app-social.html">
                        <i class="icon-speech-bubble"></i>
                        <span>Social</span>
                    </a>
                </div>
                <div class="col">
                    <a href="charts-flot.html">
                        <i class="icon-pie-graph"></i>
                        <span>Analytics</span>
                    </a>
                </div>
                <div class="col">
                    <a href="javascript:;">
                        <i class="icon-esc"></i>
                        <span>Documentation</span>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- /quick launch panel -->

<div class="app layout-fixed-header">

    <!-- sidebar panel -->
    <div class="sidebar-panel offscreen-left">

        <div class="brand">

            <!-- logo -->
            <div class="brand-logo">
                <img src="/images/logo.png" width="40"  alt="">
            </div>
            <!-- /logo -->

            <!-- toggle small sidebar menu -->
            <a href="javascript:;" class="toggle-sidebar hidden-xs hamburger-icon v3" data-toggle="layout-small-menu">
                <span></span>
                <span></span>
                <span></span>
                <span></span>
            </a>
            <!-- /toggle small sidebar menu -->

        </div>

        <!-- main navigation -->
        <nav role="navigation">

            <ul class="nav">
                <!-- new -->
                <li  class="open">
                    <a href="javascript:;">
                        <i class="fa fa-medium"></i>
                        <span>后台管理</span>
                        <!--<span class="label label-success pull-right">2</span>-->
                        <!--<span class="label label-danger pull-right">new</span>-->
                    </a>
                    <ul class="sub-menu">
                        #foreach( $m in $menu)
                        <li>
                            #if(${m.subMenus.size()} != 0)

                            <a href="javascript:;" >
                                <span>$!{m.name} </span>
                            </a>
                            <ul class="sub-menu">
                                #foreach($sub in ${m.subMenus})
                                <li>
                                    <a href="$!{sub.url}" class="nav-a" id="nav-$!{sub.id}">
                                        <span>$!{sub.name}</span>
                                    </a>
                                </li>
                                #end
                            </ul>
                            #else
                            <a href="$!{m.url}" class="nav-a" id="nav-$!{m.id}">
                                <span>$!{m.name} </span>
                            </a>
                            #end
                        </li>
                        #end
                    </ul>
                </li>
                <!-- new -->

            </ul>
        </nav>
        <!-- /main navigation -->

    </div>
    <!-- /sidebar panel -->

    <!-- content panel -->
    <div class="main-panel">

        <!-- top header -->
        <header class="header navbar" style="">

            <div class="brand visible-xs">
                <!-- toggle offscreen menu -->
                <div class="toggle-offscreen">
                    <a href="#" class="hamburger-icon visible-xs" data-toggle="offscreen" data-move="ltr">
                        <span></span>
                        <span></span>
                        <span></span>
                    </a>
                </div>
                <!-- /toggle offscreen menu -->

                <!-- logo -->
                <div class="brand-logo">
                    <img src="/images/logo.png" height="15" alt="">
                </div>
                <!-- /logo -->

                <!-- toggle chat sidebar small screen-->
                <div class="toggle-chat">
                    <a href="javascript:;" class="hamburger-icon v2 visible-xs" data-toggle="layout-chat-open">
                        <span>213123</span>
                        <span>2323</span>
                        <span>2332</span>
                    </a>
                </div>
                <!-- /toggle chat sidebar small screen-->
            </div>

            <ul class="nav navbar-nav hidden-xs">
                <li>
                    <p class="navbar-text">
                        正在现场媒资后台管理系统
                    </p>
                </li>
            </ul>

            <ul class="nav navbar-nav navbar-right hidden-xs">
                <!--<li>
                    <a href="javascript:;" data-toggle="quick-launch-panel">
                        <i class="fa fa-circle-thin"></i>
                    </a>
                </li>-->
                #if($messages)
                <li>
                    <a href="javascript:;" data-toggle="dropdown">
                        <i class="fa fa-bell-o"></i>
                        <div class="status bg-danger border-danger animated bounce"></div>
                    </a>
                    <ul class="dropdown-menu notifications">
                        <li class="notifications-header">
                            <p class="text-muted small">你有$!{messages.size()}条新消息</p>
                        </li>
                        <li>
                            <ul class="notifications-list">
                                <!--<li>-->
                                    <!--<a href="javascript:;">-->
                                            <!--<span class="pull-left mt2 mr15">-->
                                                <!--<img src="images/avatar.jpg" class="avatar avatar-xs img-circle" alt="">-->
                                            <!--</span>-->
                                        <!--<div class="overflow-hidden">-->
                                            <!--<span>Sean launched a new application</span>-->
                                            <!--<span class="time">2 seconds ago</span>-->
                                        <!--</div>-->
                                    <!--</a>-->
                                <!--</li>-->

                                #foreach( $row in $!{messages})
                                <li >
                                    <a href="$!{row.url}" class="nav-a" id="$!{row.key}">
                                        <div class="pull-left mt2 mr15">
                                            <div class="circle-icon $!{row.status}">
                                                <i class="fa $!{row.image}"></i>
                                            </div>
                                        </div>
                                        <div class="overflow-hidden">
                                            <span>$!{row.message}</span>
                                            <span class="time">

                                            </span>
                                        </div>
                                    </a>
                                </li>
                                #end

                                <!--<li>
                                    <a href="javascript:;">
                                            <span class="pull-left mt2 mr15">
                                                <img src="images/face3.jpg" class="avatar avatar-xs img-circle" alt="">
                                            </span>
                                        <div class="overflow-hidden">
                                            <span class="text-muted">Jack Hunt has registered</span>
                                            <span class="time">9 hours ago</span>
                                        </div>
                                    </a>
                                </li>-->
                            </ul>
                        </li>
                        <!--<li class="notifications-footer">-->
                            <!--<a href="javascript:;">See all messages</a>-->
                        <!--</li>-->
                    </ul>
                </li>
                #end

                <li>
                    <a href="javascript:;">
                        <img src="/images/logo.jpg" class="header-avatar img-circle ml10" alt="user" title="user">
                        <span class="pull-left">你好,$!{user.fullName}$!{currestUser.fullName}</span>
                    </a>

                </li>
                <li>
		            <a href="javascript:;" class="hamburger-icon v2"  data-toggle="dropdown">
		              <span></span>
		              <span></span>
		              <span></span>
		            </a>
		             <ul class="dropdown-menu">
                        <li>
                            <a href="/logout.do">注销</a>
                            <a href="/vrs/user/edit.html?userId=$!{user.userId}" class="nav-a" id="update-password">重置密码<span class="hidden">重置密码</span></a>
                            <a href="/vrs/public/version.html" class="nav-a" id="version">版本更新详情<span class="hidden">版本更新详情</span></a>
                            <a href="http://121.42.12.10:8090/pages/viewpage.action?pageId=983451" class="nav-a" id="jiaocheng">教程<span class="hidden">教程</span></a>
                        </li>
                    </ul>
          		</li>
            </ul>
        </header>
        <!-- /top header -->


        <!-- main area -->
        <div class="main-content" >
            <div class="row mb25">
                <div class="col-md-12">
                    <div class="box-tab justified">
                        <div class="nav-div" >
                            <div class="bg-default-dark nav-div-left">《</div>
                            <ul class="nav nav-tabs " style="margin-left: 0px;">
                                <li class="hidden"></li>
                                <li class="active ">
                                    <a href="#home4" id="home" data-toggle="tab"><span>版本更新详情</span> &nbsp;&nbsp;<i class="fa fa-close cursor-pointer"></i>
                                    </a>

                                </li>
                            </ul>
                            <div class="bg-default-dark">》</div>
                        </div>

                        <div class="tab-content" style="height: 520px; background-color: #ffffff !important;">
                            <div class="tab-pane hidden" ></div>
                            <div class="tab-pane active in" style="background-color: #ffffff !important;" id="home4">
                                <iframe src="/vrs/public/version.html" width="100%" style="height: 510px;" frameborder="0" scrolling="yes" name="page" id="if1"></iframe>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>


        <!-- /main area -->
    </div>
    <!-- /content panel -->

    <!-- bottom footer -->
    <footer class="content-footer hidden">

        <nav class="footer-right">
            <ul class="nav">
                <li>
                    <a href="javascript:;">Feedback</a>
                </li>
                <li>
                    <a href="javascript:;" class="scroll-up">
                        <i class="fa fa-angle-up"></i>
                    </a>
                </li>
            </ul>
        </nav>

        <nav class="footer-left">
            <ul class="nav">
                <li>
                    <a href="javascript:;">Copyright <i class="fa fa-copyright"></i> <span>Urban</span> 2015. All rights reserved</a>
                </li>
                <li>
                    <a href="javascript:;">Careers</a>
                </li>
                <li>
                    <a href="javascript:;">
                        Privacy Policy
                    </a>
                </li>
            </ul>
        </nav>

    </footer>
    <!-- /bottom footer -->


</div>



#include( "/public-script.html")
<!-- vrs-->
<script src="/scripts/index.js"></script>

<!-- vrs-->
</body>

</html>
